<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ page session="false"%>
<html>
<head>
<title>ModernWebshop Client</title>
	<style type="text/css">
		<%@ include file="/resources/css/styles.css"%>
    </style>
</head>
<body>

	<div class="wrapper">
		<div class="left">
		
			<div class="teaser">
				<h1>ModernWebstore</h1>
				<h3>Choose the items to buy</h3>
			</div>
			
			<c:if test="${empty items}">
		    	There are no items in the store currently
		    </c:if>

			<div class="teaser">
				<h2>Navigation</h2>
				<a href="basket" class="more">Go to basket</a>
			</div>
			
			<c:forEach var="item" items="${items}" varStatus="loop">
	            <div class="item-${loop.count} teaser">
	            	<img class="icon" src="${item.imageUrl}" />
		            <h2>${item.name} $${item.price}</h2>
		            <p>${item.description}</p>
	                <a href="home/${item.id}" class="more">Add to basket</a>
	            </div>
            </c:forEach>

		</div>
	</div>
	
</body>
</html>
